<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/rem.js"></script>
		<link rel="stylesheet" href="font/iconfont.css"/>
		<link rel="stylesheet" href="css/index.css"/>
	</head>
	<body>
		<header>
			<i class="iconfont icon-tongxunlu"></i>
			<form>
			<i class="iconfont icon-search"></i>
				<input type="text" placeholder="最生活毛巾.Air">
			</form>
				<i class="iconfont icon-sao"></i>
		</header>
		<nav>
			<ul>
				<li><a href="#">推荐</a></li>
				<li><a href="#">感恩返场</a></li>
				<li><a href="#">推荐</a></li>
				<li><a href="#">推荐</a></li>
				<li><a href="#">推荐</a></li>
				<li><a href="#">推荐</a></li>
				<li><a href="#"></a></li>
			</ul>
		</nav>
		<main>
		<div class="banner">
			<!-- <img src="img/banner.png" alt=""> -->
		</div>
		
			<section>
				<ul>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
					<li>
						<i class="iconfont icon-search"></i>
						<p>新品发布</p>
					</li>
				</ul>
			</section>
			<section>
				<h3>商城早报</h3>
				<span></span>
				<a href="#"> 史上第一张黑洞照片来了</a>
			</section>
			<section>
				<div class="left">
					<a href="#"><img src="img/mi9.png" alt=""></a>
				</div>
				<div class="right">
					<a href=""><img src="img/shouhuan3.png"></a>
					<a href=""><img src="img/tv.png"></a>
				</div>
			</section>	
			<section>
				<div class="top">
					<h3>小米众筹</h3>
					<a href="#">更多<i></i></a>
				</div>
				<div class="center">
					<a></a>
				</div>
				<div class="bottom">
					<h3>小米手持无线吸尘器</h3>
					<i></i>
					<div class="p">
					<p>55731人支持</p>
					<p>974%</p>
					</div>
				</div>
			</section>
		</main>
		<footer>
			<dl>
				<dt class="iconfont icon-search"></dt>
				<dd>首页</dd>
			</dl>
			<dl>
				<dt class="iconfont icon-search"></dt>
				<dd>分类</dd>
			</dl>
			<dl>
				<dt class="iconfont icon-search"></dt>
				<dd>发现</dd>
			</dl>
			<dl>
				<dt class="iconfont icon-search"></dt>
				<dd>购物车</dd>
			</dl>
			<dl>
				<dt class="iconfont icon-search"></dt>
				<dd>我的</dd>
			</dl>
		</footer>
	</body>
</html>
